<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap test</title>
    <link href="css/base.css" rel='stylesheet'>
    <link href="css/index.css" rel='stylesheet'>
    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
  <body class='html-body'>
    <div class='blog-container column-horizotal-center'>
        <div class='blog-head vertical-horizontal-center'>
            <text class='text-tips'>Lcs's Note</text>
        </div>

        <div class='blog-body'>
            <div class='blog-message'>
                <div class='blog-navigation'>
                    <div class='nav-home'>
                        <image class='img' src='images/home.png'></image>
                        <text class='text'>首页</text>
                    </div>
                    <div class='nav-home'>
                        <image class='img' src='images/home.png'></image>
                        <text class='text'>首页</text>
                    </div>
                    <div class='nav-home'>
                        <image class='img' src='images/home.png'></image>
                        <text class='text'>首页</text>
                    </div>
                    <div class='nav-home'>
                        <image class='img' src='images/home.png'></image>
                        <text class='text'>首页</text>
                    </div>
                    <div class='nav-home'>
                        <image class='img' src='images/home.png'></image>
                        <text class='text'>首页</text>
                    </div>
                </div>
                <div class='profile-sorts  column-horizotal-center'>
                    <image src='images/profile.png'></image>
                    <text>lcs</text>
                    <text>每天进步一点点</text>
                    <div class='content-sort'>
                        <div class='sort'>
                            <text>3</text>
                            <text>日志</text>
                        </div>
                        <div class='sort'>
                            <text>3</text>
                            <text>日志</text>
                        </div>
                        <div class='sort'>
                            <text>3</text>
                            <text>日志</text>
                        </div>
                    </div>
                    <div class='author-contact'>
                            <div class='contact-github'>
                                <image src='images/github.png'></image>
                                <text>GitHub</text>
                            </div>
                            <div class='contact-github'>
                                <image src='images/github.png'></image>
                                <text>GitHub</text>
                            </div>
                        </div>
                    </div>
            </div>
            <div class='blog-content column-horizotal-center'>
                <div class="content column-horizotal-center">
                    <div class='content-title'>Python datatime模块</div>
                    <div class='content-about'>
                        <text>发布于2019-12-12 |</text>
                        <text>分类于python |</text>
                        <text>阅读次数12</text>
                    </div>
                    <div class='content-brief'>
                        <text>
                                当大家用到时间属性去分析数据时，难免会对时间做各种的转化；步骤虽然不难，代码一 google也能得到。但如果不明白其中原理，每次搜索得到的代码会比较繁杂。 而且我希望自己写代码能够，思路越来越明朗，代 
                        </text>
                    </div>
                    <div class='read-blog'>
                        <text>阅读全文 >></text>
                    </div>
                </div>

                <div class="content column-horizotal-center">
                        <div class='content-title'>Python datatime模块</div>
                        <div class='content-about'>
                            <text>发布于2019-12-12 |</text>
                            <text>分类于python |</text>
                            <text>阅读次数12</text>
                        </div>
                        <div class='content-brief'>
                            <text>
                                    当大家用到时间属性去分析数据时，难免会对时间做各种的转化；步骤虽然不难，代码一 google也能得到。但如果不明白其中原理，每次搜索得到的代码会比较繁杂。 而且我希望自己写代码能够，思路越来越明朗，代 
                            </text>
                        </div>
                        <div class='read-blog'>
                            <text>阅读全文 >></text>
                        </div>
                    </div>
            </div>
        </div>


    </div> 
  </body>
</html>